<%--
  Created by IntelliJ IDEA.
  User: piandu
  Date: 2019/1/8 0008
  Time: 上午 9:40
  To change this template use File | Settings | File Templates.
--%>
<!DOCTYPE html>
<%@ page language="java" import="java.util.*" contentType="text/html;charset=UTF-8" %>
<%@include file="../../../common/include/inc_ace.jsp" %>
<head lang="en">
    <title>交换机二级页面</title>
    <link rel="stylesheet" href="${ctx}/resource/plugins/bigdata/base.css">
    <link rel="stylesheet" href="${ctx}/resource/plugins/bigdata/header.css">
    <link rel="stylesheet" href="${ctx}/resource/plugins/bigdata/style.css">
    <link rel="stylesheet" href="${ctx}/resource/plugins/bigdata/content.css">
    <script type="text/javascript">
        var CI_TYPE = '${CI_TYPE}';
        var DI_QU = '${DI_QU}';
    </script>
</head>

<body>

<div class="content">交换机统计详情</div>

<div class="from">
    <div class="from-one" id="jhj_info">

    </div>

    <div class="from-two">
        <div style="margin-left:60px;" id="jhj_ping">
        </div>
    </div>

    <div class="from-two from-three">
        <div style="margin-left:60px;" id="jhj_jkd">
        </div>
    </div>

</div>

<div>
    <div class="tu-content" style="width: 49%;float: left">
        交换机-总流量-TOP10
        <div id="jhj_cpu_top" style="width: 98%;height: 350px">

        </div>
    </div>

    <div class="tu-content" style="width: 49%;float: left;margin-left: 24px;">
        交换机-带宽占用比-TOP10
        <div class="tu-right" id="jhj_nc_top" style="width: 98%;height: 350px">

        </div>
    </div>
</div>

<div>
    <div class="tu-content" style="width: 49%;float: left">
        交换机-出流量-TOP10
        <div id="jhj_cll_top" style="width: 98%;height: 350px">

        </div>
    </div>

    <div class="tu-content" style="width: 49%;float: left;margin-left: 24px;">
        交换机-入流量-TOP10
        <div class="tu-right" id="jhj_rll_top" style="width: 98%;height: 350px">

        </div>
    </div>
</div>

<script type="text/javascript" src="${ctx}/resource/plugins/ace/components/_mod/easypiechart/jquery.easypiechart.js"></script>
<script type="text/javascript" src="${ctx}/resource/plugins/echarts4/esl.js"></script>
<script type="text/javascript" src="${ctx}/resource/bigdata/towpage/ChangerPageView.js"></script>

</body>
